import { createRouter, createWebHistory } from 'vue-router';
import HomeView from '../views/HomeView.vue';
console.log('import.meta.env.BASE_URL', import.meta.env.BASE_URL, import.meta.env);
const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
    routes: [
        {
            path: '/',
            name: 'home',
            component: HomeView
        },
        {
            path: '/about',
            name: 'about',
            // route level code-splitting
            // this generates a separate chunk (About.[hash].js) for this route
            // which is lazy-loaded when the route is visited.
            component: () => import('../views/UpdateToast.vue')
        },
        {
            path: '/antvg6/demo1',
            name: 'antvg6-demo1',
            component: () => import('../views/antvg6/Demo1.vue')
        },
        {
            path: '/antvg6/demo2',
            name: 'antvg6-demo2',
            component: () => import('../views/antvg6/Demo2.vue')
        },
        {
            path: '/antvg6/demo3',
            name: 'antvg6-demo3',
            component: () => import('../views/antvg6/Demo3.vue')
        },
        {
            path: '/antvg6/demo4',
            name: 'antvg6-demo4',
            component: () => import('../views/antvg6/Demo4.vue')
        },
        {
            path: '/antvg6/demo5',
            name: 'antvg6-demo5',
            component: () => import('../views/antvg6/Demo5.vue')
        },
        {
            path: '/antvg6/demo6',
            name: 'antvg6-demo6',
            component: () => import('../views/antvg6/Demo6.vue')
        },
        {
            path: '/antvg6/demo7',
            name: 'antvg6-demo7',
            component: () => import('../views/antvg6/Demo7.vue')
        },
        {
            path: '/antvg6/demo8',
            name: 'antvg6-demo8',
            component: () => import('../views/antvg6/Demo8.vue')
        },
        {
            path: '/antvg6/demo9',
            name: 'antvg6-demo9',
            component: () => import('../views/antvg6/Demo9.vue')
        },
        {
            path: '/antvg6/demo10',
            name: 'antvg6-demo10',
            component: () => import('../views/antvg6/Demo10.vue')
        },
        {
            path: '/antvg6/demo11',
            name: 'antvg6-demo11',
            component: () => import('../views/antvg6/Demo11.vue')
        },
        {
            path: '/antvg6/demo12',
            name: 'antvg6-demo12',
            component: () => import('../views/antvg6/Demo12.vue')
        },
        {
            path: '/antvg6/mindmap',
            name: 'antvg6-mindmap',
            component: () => import('../views/antvg6/MindMap.vue')
        },
        {
            path: '/antvg6/company-relation',
            name: 'antvg6-company-relation',
            component: () => import('../views/antvg6/CompanyRelation.vue')
        },
        {
            path: '/antvg6/point-side',
            name: 'antvg6-point-side',
            component: () => import('../views/antvg6/PointAndSide.vue')
        },
        {
            path: '/antvg6/point-side-label',
            name: 'antvg6-point-side-label',
            component: () => import('../views/antvg6/PointAndSideLabel.vue')
        },
        {
            path: '/antvg6/display-mindmap',
            name: 'antvg6-display-mindmap',
            component: () => import('../views/antvg6/DisplayMindMap.vue')
        },
        {
            path: '/antvg6/gpt-point',
            name: 'antvg6-gpt-point',
            component: () => import('../views/antvg6/GPTPoint.vue')
        },
        {
            path: '/antvg6/auto-size',
            name: 'antvg6-auto-size',
            component: () => import('../views/antvg6/AutoSizeDemo.vue')
        }
    ]
});

export default router;
